<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    //1:表单验证
            username: "",
            usernameclass: "error",
            usernametip: "请输入数字字母_$组成长度6到10位不能以数字开头",//
            usernamereg: /^[a-z_$][a-z_$0-9]{5,9}$/i,

            // username:{value:"",reg: /^[a-z_$][a-z_$0-9]{5,9}$/i,class:"error",tip:"请输入数字字母_$组成长度6到10位不能以数字开头"},
            // list:[{id:1,name:"username",value:"",reg:/^[a-z_$][a-z_$0-9]{5,9}$/i,tip:"",class:""}],

            userpwd: "",
            userpwdclass: "error",
            userpwdtip: "请输出数字字母组成长度3到10位",
            userpwdreg: /^[a-z0-9]{3,10}$/i,
            userpwd2: "",

            usertel: "",
            usertelclass: "error",
            userteltip: "请输入常用的11位手机号",//
            usertelreg: /^1[3-9][0-9]{9}$/i,

    //2:  三级联动
    
             cityList:"",
             townList:"",
           list:[{id:1,name:"湖北",list:[{id:11,name:"武汉",list:[{id:111,name:"江夏"},{id:112,name:"洪山"}]},{id:12,name:"荆州",list:[{id:121,name:"沙市"},{id:122,name:"松滋"}]}]},{id:2,name:"湖南",list:[{id:21,name:"长沙",list:[{id:211,name:"雨花"},{id:212,name:"岳麓山"}]},{id:22,name:"岳阳",list:[{id:221,name:"岳阳的区一"},{id:222,name:"岳阳的区二"}]}]}] 

    // 3:全选和反选


    //watch 深度监听
    //computed
    //filter
    //style class
    //v-html  v-show
</script>
</html>